<html>
<head>
<link href="tableCss.css" rel="stylesheet" type="text/css" />
<script src="jquery.js"></script>
</head>
<body>
<div style="margin-left:25%;margin-top:4%;">

<div style="width:65%">
<div>
<div class="cell1">LPG</div>
<div class="cell1">WOOD</div>
</div>
<div class="head">
<div class="cell2">Consumption of LPG</div>
<div class="cel"><input id="lpg" class="i" type="number"  value="4"/></div>
<div class="cell2"> Wood chips Consumption</div>
<div class="cel"><input id="wood" class="i" type="number" name="wood" value="20"/></div>
</div>
<div>
<div class="center">Number of hours usage <input id="hours" class="i" type="number"  value="8"/></div>
<div class="center">Number of months <input id="month" class="i" type="number" value="1"/></div>
</div>
<div>
<div class="cell2">Cost of LPG</div>
<div class="cel"><input id="costl" class="i" type="number"  value="90"/></div>
<div class="cell2">cost of wood</div>
<div class="cel"><input id="costw" class="i" type="number"  value="6"/></div>
</div>
<div class="head">
<div class="cell2">LPG consumption per Month</div>
<div id="lpgcom" class="cell2"></div>
<div class="cell2">Wood consumption per Month</div>
<div id="woodcom" class="cell2"></div>
</div>
<div class="head">
<div class="cell2">Monthly cost of LPG</div>
<div id="mlpg" class="cell2"></div>
<div class="cell2">Monthly Cost of Wood chips</div>
<div id="mwood" class="cell2"></div>
</div>
<div>
<div class="center">Gross Savings by Gasifier</div>
<div class="center1" id="gross"></div>
</div>
</div>
</div>
<script> 
$(document).ready(function(){
 $( "input.i" ).keyup(function() {
    var value = $( "input#lpg" ).val();
	var wood = value*5;
	$("input#wood").val( wood );
	var lp = $("input#lpg").val();
	var wo=$("input#wood").val();
	var hr=$("input#hours").val();
	var mo=$("input#month").val();
	var cl = lp*hr*mo*30;
	$( "div#lpgcom" ).text( cl );
	var cw = wood*hr*mo*30;
	$( "div#woodcom" ).text( cw );
	var tc = cl*$("input#costl").val();
	$( "div#mlpg" ).text( tc );
	var tw = cw*$("input#costw").val();
	$( "div#mwood" ).text( tw );
	var gross = tc-tw;
	$( "div#gross" ).text( gross );
	
	})
})
</script> 
</body>
</html>
